<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Our Love Story</title>
	<!--  <link rel="shortcut icon" href="/img/kk.ico" type="image/x-icon"/>-->
	<link rel="bookmark" href="/img/kk.ico"/>
	<link type="text/css" rel="stylesheet" href="css/icomoon/svg.css">
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta name="keywords" content="Our Love Story">
	<meta content="Our Love Story" name="description">
	<style type="text/css">
		@font-face { 
			font-family: digit;
			src: url('digital-7_mono.ttf') format("truetype");
		}
	</style>
	<link href="css/default.css" type="text/css" rel="stylesheet">
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/garden.js"></script>
    <script type="text/javascript" src="js/functions_dev.js"></script>
</head>

<body style="display:none;" >
	<!-- <embed height="1" width="1" hidden="false"  loop="-1" play="true"  wmode="Transparent" autostart="true" src="music/whereslove.mp3" />-->
	<div id="mainDiv">
		<div id="content">
			<div id="code">
<span class="keyword">Dear </span><span  class="keyword" style="color:red;font-weight: bolder;font-size: 25px;">姗姗</span>,<img alt="love" src="/img/33.png"/><br/>
<span class="keyword">这样叫你会不会比较熟悉...</span><br/>
<span class="keyword">时间过了几年...长大了一些...</span><br/>
<span class="keyword">心中的那个公主...再次遇见...</span><br/>
<span class="keyword">看到你的那一瞬起，</span><br/>
<span class="keyword">我的心就像着了魔似得不知道怎么平静...</span><br/>
<span class="keyword">进而努力去认识你...</span><br/>
<span class="keyword">我觉得你是那种对生活认真、努力进取、热心、懂事!</span><br/>
<span class="keyword">拥有女神的外表,</span><br/>
<span class="keyword">爷们一样的心的女孩!</span><br/>
<span class="keyword">这样的女孩魅力最深...</span><br/>
<span class="keyword">失眠得睡不着...</span><br/>
<span class="keyword">因为激动，</span><br/>
<span class="keyword">心跳得不平缓,</span><br/>
<span class="keyword">只因想学一句西语：</span><br/>
<span class="keyword">hola-mi diosa …me gustas</span><br/>
<span class="keyword">（嘿我的女神...我喜欢你）</span><br/>
<span class="keyword">困得彻底不行...</span><br/>
<span class="keyword">我知道并不是每个女生都是可以追的...</span><br/>
<span class="keyword">但是我却一点都不想错过你...</span><br/>
<span class="keyword">原谅我也许在你忙碌的时候，</span><br/>
<span class="keyword">对你的有形式的叫唤</span><br/>
<span class="keyword">因为那时那刻...</span><br/>
<span class="keyword">内心不自觉地充满了无数对你无声的呼唤...</span><br/>
<span class="keyword">虽然我知道我帅的并不具体（哈哈）...</span><br/>
<span class="keyword">但我却始终对生活充满信心!</span><br/>
<span class="keyword">生。容易；活，容易；生活不容易！</span><br/>
<span class="keyword">没有你的日子更不容易。</span><br/>
<span class="keyword">舍不得关掉你的空间...</span><br/>
<span class="keyword">舍不得叉掉你的微信...</span><br/>
<span class="keyword">舍不得...</span><br/>
<span class="keyword">相信真爱不需要哈利波特的魔棒...</span><br/>
<span class="keyword">我想给自己一次机会:</span><br/>
<span class="keyword">即便结果是什么，我都会勇敢地迈出这一步！</span><br/>
<span class="keyword">其实说这么多，</span><br/>
<span class="keyword">我只想和你牵着手一起共同:</span><br/>
<span class="keyword">面向世界...</span><br/>
<span class="keyword">享受生活...</span><br/>
<span class="keyword">共度磨难...</span><br/>
<span class="keyword">分享快乐...</span><br/>
<span class="keyword">虽然我们认识也不算太久，</span><br/>
<span class="keyword">但是我真的真的真的真的真真的好好好喜欢你！</span><br/>
<span class="keyword">虽然你不在我身边(难过)~~~~(&gt;_&lt;)~~~~ </span><br/>
<span class="keyword">但是你在我心中微光一样...发烫！</span><br/>
<span class="keyword">在你的城市~一直都会有我的思念因子...</span><br/>
<span class="keyword">相信我！让我们勾勾手指播下会幸福的种子......</span><br/>
				<span style="color: #aa0000;font-size:20px;">&copy; 2015  King's </span><a href="http://user.qzone.qq.com/963987632" style="color: #00AC48;font-size: 20px;text-decoration: none;">963987632@qq.com</a><br />
			</div>
			<div id="loveHeart">
				<canvas id="garden"></canvas>
				<div id="words">
					<div id="messages">
						<span style="color:#F5666F;font-size: 30px;font-family: 微软雅黑;font-weight:bolder; ">こうさんさ</span>, I have fallen in <i class="icon-iconfont-keaide" style="font-size: 37px;color: red;position: relative;top:8px;"></i> with you for
						<div id="elapseClock"></div>
					</div>
					<div id="loveu">
						<span style="color:#F5666F">Love u forever and ever.</span><br/>
						<div class="signature"><span style="font-size: 30px;color: #4192E1;font-family: 微软雅黑;font-weight:border;">Kings</span></div>
					</div>
				</div>
			</div>
		</div>
	<div class="icon-iconfont-weibiaoti2" style="font-size: 200px;color: red;z-index: 100;width:100px;position:absolute;top: 200px;left: 500px"></div>
	</div>
	<script type="text/javascript">
		var offsetX = $("#loveHeart").width() / 2;
		var offsetY = $("#loveHeart").height() / 2 - 55;
		var together = new Date();
		together.setFullYear(2015, 1, 24);
		together.setHours(8);
		together.setMinutes(0);
		together.setSeconds(0);
		together.setMilliseconds(0);
		
		if (!document.createElement('canvas').getContext) {
			var msg = document.createElement("div");
			msg.id = "errorMsg";
			msg.innerHTML = "Your browser doesn't support HTML5!<br/>Recommend use Chrome 14+/IE 9+/Firefox 7+/Safari 4+"; 
			document.body.appendChild(msg);
			$("#code").css("display", "none")
			$("#copyright").css("position", "absolute");
			$("#copyright").css("bottom", "10px");
		    document.execCommand("stop");
		} else {
			setTimeout(function () {
				startHeartAnimation();
			}, 5000);

			timeElapse(together);
			setInterval(function () {
				timeElapse(together);
			}, 500);

			adjustCodePosition();
			$("#code").typewriter();
		}
		
		$(function	(){
			setInterval(function(){
				$(".icon-iconfont-keaide").fadeIn(1000,function(){
					$(this).fadeOut(2000);
				});
			}, 2000);
			var type = 1;
			setInterval(function(){
				var top =  $(".icon-iconfont-weibiaoti2").offset().top;
				var left =  $(".icon-iconfont-weibiaoti2").offset().left;
				
				if(left < 550 && top < 250 && type == 1){
					$(".icon-iconfont-weibiaoti2").css({"top":top+1,"left":left+1});
					type = 1;
				};
				
				if(left == 550 && top == 250 && type == 1){
					$(".icon-iconfont-weibiaoti2").css({"top":top-1,"left":left+1});
					type = 2;
				}
				
				 if(type == 2){
				 	$(".icon-iconfont-weibiaoti2").css({"top":top-1,"left":left+1});
				 }
				
				if(left == 600 && top == 200 && type == 2){
					$(".icon-iconfont-weibiaoti2").css({"top":top+1,"left":left-1});
					type = 3;
				}
				if(type == 3){
					$(".icon-iconfont-weibiaoti2").css({"top":top+1,"left":left-1});
				}
				
				if(left == 550 && top == 250 && type == 3){
					$(".icon-iconfont-weibiaoti2").css({"top":top-1,"left":left-1});
					type = 4;
				}
				
				if(type == 4){
					$(".icon-iconfont-weibiaoti2").css({"top":top-1,"left":left-1});
				}
				
				if(left == 500 && top == 200 && type == 4){
					$(".icon-iconfont-weibiaoti2").css({"top":top+1,"left":left+1});
					type = 1;
				}
				
			
				
			}, 50);
			
		})
	</script>
</body>
</html>